<template>
	<!-- 停车缴费 -->
	<view id="parkingPayment">
		<view class="box">
			<view class="header">
				<view class="address">
					<view class="wait">待缴金额</view>
					<view class="fee">¥3000.00</view>
				</view>
				<view class="carId">
					浙B·C7788
				</view>
			</view>
			<view class="middle">
				<view>
					<text>停车地点</text>
					<text>南航碧桂园停车场</text>
				</view>
				<view>
					<text>停车时间</text>
					<text>2022/01/09 10:00-12:00</text>
				</view>
				<view>
					<text>停车时长</text>
					<text>2h</text>
				</view>
			</view>
			<button>立即缴费</button>
		</view>

		<view class="box">
			<view class="header">
				<view class="address">
					<view class="wait">待缴金额</view>
					<view class="fee">¥3000.00</view>
				</view>
				<view class="carId">
					浙B·C7788
				</view>
			</view>
			<view class="middle">
				<view>
					<text>停车地点</text>
					<text>南航碧桂园停车场</text>
				</view>
				<view>
					<text>停车时间</text>
					<text>2022/01/09 10:00-12:00</text>
				</view>
				<view>
					<text>停车时长</text>
					<text>2h</text>
				</view>
			</view>
			<button>立即缴费</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	#parkingPayment {
		.box {
			margin: 30rpx auto;
			height: 500rpx;
			width: 680rpx;
			border-radius: 8rpx;
			box-shadow: 0rpx 0rpx 10rpx rgba(0, 0, 0, 0.2);

			.header {
				display: flex;
				height: 140rpx;

				.address {
					.wait {
						padding: 20rpx;
					}

					.fee {
						margin: 0 0 36rpx 26rpx;
						color: #f46363;
					}
				}
				
				.carId{
					padding: 20rpx 0 0 320rpx;
					color: #00d775;
					font-size: 28rpx;
				}
			}
			
			.middle{
					margin-top: 32rpx;
					margin-left: 34rpx;
					view{
						margin-bottom: 30rpx;
					}
				text{
					font-size: 28rpx;
				}
				text:nth-child(1){
					color: #969696;
					padding-right: 40rpx;
				}
			}
			
			button {
				width: 620rpx;
				height: 80rpx;
				font-size: 36rpx;
				padding: 0;
				line-height: 80rpx;
				background: #006fff;
				color: white;
				margin-top: 40rpx;
			}

		}
	}
</style>
